<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title>豆瓣电影</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_440981_3emxz94jf19ssjor.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <main>
        <section id="top250">
            <div class="container">
                <!--
                    <div class="item">
                      <a href="#">
                        <div class="cover">
                          <img src="http://img7.doubanio.com/view/movie_poster_cover/spst/public/p513344864.png" alt="">
                        </div>
                        <div class="detail">
                          <h2>霸王别姬</h2>
                          <div class="extra"><span class="score">9.3分</span> / 1000收藏</div>
                          <div class="extra">1994 / 剧情、爱情</div>
                          <div class="extra">导演: 张艺谋</div>
                          <div class="extra">主演: 张艺谋、张艺谋、张艺谋</div>
                        </div>
                      </a>
                    </div>-->
            </div>
            <div class="loading">
                <span class="iconfont icon-loading"></span>
            </div>
        </section>
        <section id="beimei">
            <div class="container"></div>
            <div class="loading">
                <span class="iconfont icon-loading"></span>
            </div>
        </section>
        <section id="search">
            <div class="search-area">
                <input type="text" placeholder="搜索电影">
                <span class="button"> 搜索</span>
            </div>
            <div class="search-result">
            </div>
            <div class="loading">
                <span class="iconfont icon-loading"></span>
            </div>
        </section>
    </main>
    <footer>
        <div class="active">
            <span class="iconfont icon-top250"></span>
            <span>Top250</span>
        </div>
        <div>
            <span class="iconfont icon-us"></span>
            <span>北美</span>
        </div>
        <div>
            <span class="iconfont icon-search"></span>
            <span>搜索</span>
        </div>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="main.js"></script>
</body>

</html>